<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS复合属性</title>

    <style>
        div {
            /* font-style: italic;
            font-weight: 700;
            font-size: 16px;
            font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; */

            /* font: italic 700 16px 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; */

            font: 20px 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        }
    </style>

</head>
<body>
    <h1>复合属性简写方式:</h1>
    <h2>顺序不能更改使用空格隔开</h2>
    <h2>font-size font-family不能省略，其他可以</h2>
    <h3>font: font-style font-weight font-size/line-height font-family;</h3>
    <div>猛女落泪 刚学了三百五十多集准备这两天做个完结 就在刚刚 突然发现又加到四百多集了[哦呼] 不过还是谢谢pink老西</div>

</body>
</html>